<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>03_元素属性操作</title>
		<!-- 元素  固定属性：清楚  元素是否可用属性【w3c元素出现设置属性】
		           附加属性；清楚  表单为主，附加属性(checked,disabled)
		    prop()         功能与attr类似，附加属性，针对表单，默认选中
			removeprop()   功能：与removeAttr类似，附加属性，针对表单，移除选中
		 -->
		 <script src="../js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<h1>prop()和removeProp()函数使用</h1>
		<input type="checkbox" id="muCheckBox"  checked/>
		<button id="getProBtn">获取属性</button>
		<button id="setProBtn">设置属性</button>
		<button id="removeProBtn">移除属性</button>
		<div id="output"></div>
		
		
		<script>
			/* $("#getProBtn").click(function(){
			var	ha=$("#muCheckBox").prop("checked");
			//prop()获取元素的附加属性--input中checked
				$("#output").text("复选框的值是："+ha);
			}); */
			/* $("#setProBtn").click(function(){
		     $("#muCheckBox").prop("checked",false); */
			//prop()获取元素的附加属性--input中checked
				
			//});
			$("#removeProBtn").click(function(){
			 $("#muCheckBox").removeProp("checked");
			//prop()获取元素的附加属性--input中checked
			});
		</script>
	</body>
</html>